body {
  word-wrap: break-word;
  word-break: break-all;
  min-width: 640rpx;
}
/* 火狐美化滚动条 */
* {
  scrollbar-color: #c8d2e0 #f3f4f9;
  /* 滑块颜色  滚动条背景颜色 */
  scrollbar-width: none;
  /* 滚动条宽度有三种：thin、auto、none */
}
/* #ifdef APP-PLUS */
*::-webkit-scrollbar {
  display: none;
  width: 0px;
  height: 0px;
}
/* #endif */
/* #ifdef H5 */
/* #endif */
uni-button {
  margin: 0;
  font-size: 28rpx;
}
.xd-box-shadow {
  box-shadow: 0px 2rpx 4rpx rgba(0, 0, 0, 0.35);
  border-radius: 10rpx;
}
.xd-btn-text {
  display: inline-block;
  background-color: #55acee;
  color: #FFFFFF;
  font-size: 32rpx;
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 8rpx;
}
.stu-btn-text {
  display: inline-block;
  background-color: #55acee;
  color: #FFFFFF;
  font-size: 32rpx;
  height: 70rpx;
  line-height: 70rpx;
  border-radius: 8rpx;
}
.size-h2 {
  font-size: 36rpx;
  color: #000;
}
.size-h1 {
  font-size: 48rpx;
  color: #000;
}
.show-list-btn {
  display: inline-block;
  height: 50rpx;
  line-height: 50rpx;
  padding: 0 24rpx;
  background-color: #55acee;
  color: #FFFFFF;
  border-radius: 10rpx;
  font-size: 24rpx;
  white-space: nowrap;
}
.change-role {
  position: absolute;
  bottom: 120rpx;
  right: 48rpx;
  width: 100rpx;
  height: 100rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
  background: #05daf7;
  border-radius: 50rpx;
  color: #fff;
  box-shadow: 0 4rpx 10rpx 0 rgba(5, 218, 247, 0.4);
}
.popup-top {
  top: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  left: 50%;
  width: 600rpx;
  border-radius: 24rpx;
  background-color: #FFFFFF;
  box-sizing: border-box;
  overflow: hidden;
}
.select-tea {
  position: absolute;
  width: 100%;
  color: #666666;
  background: #FFFFFF;
  border-radius: 24rpx 24rpx 0 0;
  overflow: hidden;
  bottom: 0;
  padding-bottom: 40rpx;
  box-sizing: border-box;
  font-size: 32rpx;
}
.select-tea .select-head {
  height: 88rpx;
  background-color: #FFFFFF;
  border-bottom: 2rpx solid #e5e5e5;
  padding: 0 40rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.select-tea .select-head .wk-btn {
  color: #888;
  font-size: 32rpx;
}
.select-tea .search-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24rpx 0;
  border-bottom: 2rpx solid #e4e4e4;
  margin: 0 40rpx;
}
.select-tea .search-box input {
  width: 100%;
}
.select-tea .search-box text {
  margin-left: 24rpx;
  white-space: nowrap;
  display: inline-block;
  color: #55acee;
  font-size: 32rpx;
  height: 48rpx;
  line-height: 48rpx;
  padding: 0 16rpx;
  border-radius: 8rpx;
  border: 2rpx solid #55acee;
}
.select-tea .list {
  margin-top: 16rpx;
  padding: 0 40rpx;
}
.select-tea .item {
  height: 88rpx;
  line-height: 88rpx;
  padding-left: 24rpx;
  border-radius: 16rpx;
}
.select-tea .item.active {
  background-color: #F2F2F2;
}
.pingjia-pop {
  left: 50%;
  transform: translate(-50%, -50%);
}
.pingjia-pop .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100rpx;
  padding: 0 48rpx;
  background-color: #f2f2f2;
}
.pingjia-pop .title text {
  font-size: 32rpx;
  font-weight: 650;
}
.pingjia-pop .title .close {
  width: 40rpx;
  height: 40rpx;
}
.pingjia-pop .name-grade {
  margin-top: 40rpx;
  padding: 0 48rpx;
  font-size: 32rpx;
}
.pingjia-pop .name-grade text {
  font-size: 10px;
}
.pingjia-pop .content {
  margin: 40rpx 48rpx;
  border-radius: 8rpx;
  padding: 24rpx 24rpx 12rpx;
}
.pingjia-pop .h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pingjia-pop .h2 .angle {
  position: relative;
  padding-left: 24rpx;
}
.pingjia-pop .h2 .angle::after {
  content: '';
  position: absolute;
  width: 8rpx;
  height: 36rpx;
  border-radius: 4rpx;
  top: 0;
  left: 0;
  background-color: #8FE1EC;
}
.pingjia-pop .h2 .time {
  font-size: 24rpx;
}
.pingjia-pop .com-text {
  position: relative;
}
.pingjia-pop .com-text .ct-num {
  position: absolute;
  bottom: 24rpx;
  right: 24rpx;
  font-size: 24rpx;
  color: #999;
}
.pingjia-pop textarea.text,
.pingjia-pop .desc {
  margin-top: 36rpx;
  width: 400rpx;
  border: 2rpx solid #e4e4e4;
  border-radius: 8rpx;
  padding: 24rpx;
}
.pingjia-pop textarea.text {
  height: 200rpx;
  font-size: 28rpx;
}
.pingjia-pop .desc {
  max-height: 200rpx;
  overflow-y: scroll;
}
.pingjia-pop .image-list {
  margin: 24rpx 8rpx 0;
  display: flex;
  flex-wrap: wrap;
}
.pingjia-pop .image-list .img-item {
  width: 112rpx;
  height: 112rpx;
  margin-bottom: 12rpx;
  margin-right: 50rpx;
  border: 2rpx dashed #e4e4e4;
  border-radius: 4rpx;
  box-sizing: border-box;
}
.pingjia-pop .image-list .img-item:nth-child(3n) {
  margin-right: 0;
}
.pingjia-pop .image-list .box {
  padding: 16rpx;
}
.pingjia-pop .image-list image {
  width: 80rpx;
  height: 80rpx;
}
.pingjia-pop .image-list .upload-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pingjia-pop .image-list .upload-img image {
  width: 48rpx;
  height: 48rpx;
}
.pingjia-pop .conform-btn {
  margin: 48rpx auto;
  display: block;
  width: 200rpx;
  height: 72rpx;
  line-height: 72rpx;
  border-radius: 36rpx;
  text-align: center;
  color: #fff;
  font-size: 32rpx;
  background-color: #8FE1EC;
}
.audit-pop {
  left: 50%;
  transform: translate(-50%, -50%);
}
.audit-pop .title {
  position: relative;
  text-align: center;
  padding: 24rpx 48rpx;
  font-size: 0;
}
.audit-pop .title text {
  font-size: 32rpx;
}
.audit-pop .title .close {
  position: absolute;
  right: 48rpx;
  top: 24rpx;
  width: 40rpx;
  height: 40rpx;
}
.audit-pop .h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 48rpx;
}
.audit-pop .h2 .angle {
  position: relative;
  padding-left: 24rpx;
}
.audit-pop .h2 .angle::after {
  content: '';
  position: absolute;
  width: 8rpx;
  height: 36rpx;
  border-radius: 4rpx;
  top: 0;
  left: 0;
  background-color: #8FE1EC;
}
.audit-pop .h2 .time {
  font-size: 24rpx;
}
.audit-pop .com-hs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.audit-pop .total-score {
  height: 100rpx;
  padding: 0 48rpx;
  background-color: #f2f2f2;
  border-bottom: 2rpx solid #e4e4e4;
}
.audit-pop .total-score .btn {
  width: 100rpx;
  height: 48rpx;
  line-height: 48rpx;
  background-color: #8FE1EC;
  border-radius: 8rpx;
  text-align: center;
  color: #FFFFFF;
}
.audit-pop .his-score {
  height: 100rpx;
}
.audit-pop .his-score,
.audit-pop .ts-item {
  display: flex;
  align-items: center;
}
.audit-pop .his-score .h3,
.audit-pop .ts-item .h3 {
  font-size: 32rpx;
}
.audit-pop .his-score .xing-box,
.audit-pop .ts-item .xing-box {
  margin-left: 40rpx;
  display: flex;
  font-size: 0;
}
.audit-pop .his-score .xing-box .x-item,
.audit-pop .ts-item .xing-box .x-item {
  position: relative;
  width: 34rpx;
  height: 36rpx;
  margin-right: 8rpx;
}
.audit-pop .his-score .xing-box .x-border,
.audit-pop .ts-item .xing-box .x-border {
  position: absolute;
  top: 0;
  left: 0;
}
.audit-pop .his-score .xing,
.audit-pop .ts-item .xing,
.audit-pop .his-score .x-border,
.audit-pop .ts-item .x-border {
  width: 34rpx;
  height: 36rpx;
}
.audit-pop .his-score .num,
.audit-pop .ts-item .num {
  margin-left: 40rpx;
}
.audit-pop .ac-content {
  margin-top: 40rpx;
}
.audit-pop .ac-content .content {
  padding: 0 48rpx;
}
.audit-pop .image-list {
  margin: 24rpx 82rpx 40rpx;
  display: flex;
  flex-wrap: wrap;
}
.audit-pop .image-list .img-item {
  width: 112rpx;
  height: 112rpx;
  margin-bottom: 12rpx;
  margin-right: 50rpx;
  border: 2rpx dashed #e4e4e4;
  border-radius: 4rpx;
  padding: 16rpx;
  box-sizing: border-box;
}
.audit-pop .image-list .img-item:nth-child(3n) {
  margin-right: 0;
}
.audit-pop .image-list image {
  width: 80rpx;
  height: 80rpx;
}
.audit-pop .teachers-score {
  padding: 24rpx 48rpx 40rpx;
}
.audit-pop .teachers-score .ts-h2 {
  margin-bottom: 24rpx;
  font-size: 28rpx;
}
.audit-pop .teachers-score .h3 {
  font-size: 28rpx;
}
.audit-pop .teachers-score .ts-item {
  margin-top: 24rpx;
}
.task-page textarea {
  font-size: 24rpx;
}
.task-page .textarea-placeholder {
  color: #d7d7d7;
}
.task-page .tp-icon {
  width: 52rpx;
  height: 52rpx;
  vertical-align: -12rpx;
  margin-right: 8rpx;
}
.task-page .flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-page .size-h2 {
  padding: 12rpx 0 12rpx 20rpx;
  margin: 0 12rpx;
  border-bottom: 2rpx solid #F2F2F2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 28rpx;
}
.task-page .size-h2 .t-title {
  display: inline-block;
  width: 130rpx;
}
.task-page .size-h2 .com {
  color: #55acee;
  font-size: 24rpx;
  display: inline-block;
  width: 180rpx;
  text-align: center;
}
.task-page .search-date {
  font-size: 28rpx;
  color: #555555;
  text-align: right;
}
.task-page .search-date.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.task-page .search-date .tab-record .record-btn {
  display: inline-block;
  padding: 0 24rpx;
  height: 46rpx;
  line-height: 46rpx;
  font-size: 24rpx;
  color: #d7d7d7;
  margin-right: 16rpx;
}
.task-page .search-date .tab-record .record-btn.btn-active {
  color: #333;
}
.task-page .search-date image {
  margin-left: 8rpx;
  vertical-align: -14rpx;
  width: 52rpx;
  height: 52rpx;
  color: #55ACEE;
}
.task-page .box-item {
  margin-bottom: 32rpx;
  background-color: #fff;
  border-radius: 8rpx;
  overflow: hidden;
}
.task-page .box-item .state-type {
  margin-right: 24rpx;
  height: 40rpx;
  line-height: 40rpx;
  padding: 0 8rpx;
  font-size: 24rpx;
  background-color: #F2F2F2;
  border-radius: 8rpx;
  color: #55acee;
  white-space: nowrap;
}
.task-page .box-item .state-type.state3 {
  background: transparent;
}
.task-page .no-list {
  padding-top: 24rpx;
  text-align: center;
  font-size: 24rpx;
}
.task-page .imgs {
  font-size: 0;
}
.task-page .imgs .image {
  display: inline-block;
  font-size: 0;
  position: relative;
  margin-right: 26rpx;
  margin-top: 24rpx;
}
.task-page .imgs .image:nth-child(5n) {
  margin-right: 0;
}
.task-page .imgs .image text {
  position: absolute;
  top: -12rpx;
  right: -12rpx;
}
.task-page .imgs image {
  width: 90rpx;
  height: 90rpx;
  background-color: #FFFFFF;
  border-radius: 4rpx;
}
.task-page .weekly-monthly .select-cert,
.task-page .weekly-monthly .cb-content {
  width: 236rpx;
  margin-right: 32rpx;
  padding: 4rpx 8rpx;
}
.task-page .weekly-monthly .sc-btn {
  display: inline-block;
  height: 40rpx;
  line-height: 40rpx;
  padding: 0 12rpx;
  color: #fff;
  background: #55acee;
  border-radius: 10rpx;
  font-size: 24rpx;
}
.task-page .weekly-monthly .sc-btn.del {
  background: transparent;
  border: 2rpx solid #aaa;
  color: #aaa;
  line-height: 32rpx;
  box-sizing: border-box;
}
.task-page .weekly-monthly .share-content {
  background-color: #FFFFFF;
  border-radius: 8rpx;
  padding: 24rpx;
  font-size: 24rpx;
}
.task-page .weekly-monthly .share-content .sc-btn {
  margin-right: 24rpx;
}
.task-page .weekly-monthly .share-content .submit {
  margin-top: 24rpx;
  text-align: right;
}
.task-page .weekly-monthly .share-content .submit text {
  padding: 0 24rpx;
}
.task-page .weekly-monthly .submit-week {
  margin-top: 48rpx;
  width: 100%;
  text-align: center;
}
.message-prompt {
  position: fixed;
  top: 100rpx;
  left: calc(var(--window-left) + 75rpx);
  right: calc(var(--window-right) + 75rpx);
  width: 600rpx;
  box-sizing: border-box;
  z-index: 1000;
}
.message-prompt .mp-item {
  background: #fff;
  display: flex;
  align-items: center;
  height: 168rpx;
  border-radius: 10rpx;
  padding-left: 24rpx;
}
.message-prompt .head {
  width: 100rpx;
  height: 100rpx;
  border-radius: 10rpx;
  margin-right: 24rpx;
  object-fit: cover;
}
.message-prompt .cont {
  width: calc(100% - 172rpx);
  height: 100rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.message-prompt .cont .name {
  font-weight: 700;
  font-size: 28rpx;
}
.message-prompt .cont .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 16rpx;
  font-size: 24rpx;
}
uni-editor .ql-editor {
  font-size: 28rpx;
}
uni-editor .ql-editor.ql-blank:before {
  font-style: normal;
}
uni-editor .ql-editor.ql-blank:before {
  color: #999;
}
uni-editor.ql-container-list p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: pre-line;
}
uni-editor.ql-container-share p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: pre-line;
}
.editor-emoji-iamge {
  vertical-align: sub;
}
